<html>
	<head>
		<script type="text/javascript" 
		src="../js/jquery-1.4.3.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#a1').click(f4);
			});
			function f1(){
				var $obj = $('#d1').children('div');
				$obj.css('font-size','60px');
			}
			function f2(){
				var $obj = $('#d3').siblings('div');
				$obj.css('font-size','60px');
			}
			function f3(){
				//$('#d3').next().css('font-size','60px');
				$('#d3').prev().css('font-size','60px');
			}
			
			function f4(){
				$('#d1').find('p').css('font-size','90px');
			}
			
			function f5(){
				alert($('#d2').parent().attr('id'));
			}
		</script>
	</head>
	<body style="font-size:30px;">
		<div id="d1">
			<div id="d2">hello d2</div>
			<div id="d3">hello d3</div>
			<div id="d4">hello d4</div>
			<p>hello p</p>
		</div>
		<a href="javascript:;" id="a1" >ClickMe</a>
	</body>
</html>